<!-- 
    本章内容
        *.使用<script></script>元素
        *.行内脚本与外部脚本的比较
        *.文档模式对JS有什么影响
        *.确保JS不可用时的用户体验

        2.1 <script>元素有以下8个属性
            async 可选 异步，表示立即开始下载脚本，但不能阻止其他页面动作，比如下载资源或等待其他脚本加载。只对外部脚本有效。
            charset 可选 指定代码字符集，很少用
            crossorigin 可选 配置相关请求的CORS设置(跨源资源共享)，默认不使用CORS。
                crossorigin="anonymous"配置文件请求不必设置凭据标志。
                crossorigin="use-credentials"设置凭据标志，意味着出站请求会包含凭据。
            defer 可选 表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本文件有效。
            integrity 可选 允许比对接收到的资源和指定的加密签名以验证子资源完整性。如果接收到的资源的签名与这个属性指定的签名不匹配，则页面会报错，
                脚本不会执行。
            language 废弃
            src 可选 表示包含要执行的代码的外部文件。
            type 可选 表示代码块中脚本语言的内容类型。按照惯例，这个值始终都是"text/javascript"。在 非 IE 的 浏 览 器 中 有 效 的 其 他 值 还 有
                "application/javascript"和"application/ecmascript"。如果这个值是 module，则代码会被当成 ES6 模块，而且只有这时候代码中才能出现 import 和 export 关键字。 

 -->
<!DOCTYPE html>
<html>
    <head>
        <!--  -->
        <style>
            /* 三角形 */
            div{
                width: 0;
                height: 0;
                border: 10px solid red;
                border-top-color: transparent;
                border-left-color: transparent;
                border-right-color: transparent;
            }
        </style>
    </head>
    <body>
        <!--  -->
        <div hidden></div>
    </body>
</html>